<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>REFLEX v1.3 - Enjoyable Creative Template - Responsive and Retina Ready HTML5 Template by Designova</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Reflex by Designova - Responsive HTML5 template">
    <meta name="author" content="Designova">

    <!-- Standard Favicon-->
    <link rel="shortcut icon" href="images/favicon/favicon.ico">

    <!-- Standard iPhone Touch Icon-->
    <link rel="apple-touch-icon" sizes="57x57" href="images/touchicons/apple-touch-icon-57-precomposed" />
    <!-- Retina iPhone Touch Icon-->
    <link rel="apple-touch-icon" sizes="114x114" href="assets/touchicons/apple-touch-icon-114-precomposed" />
    <!-- Standard iPad Touch Icon-->
    <link rel="apple-touch-icon" sizes="72x72" href="assets/touchicons/apple-touch-icon-72-precomposed" />
    <!-- Retina iPad Touch Icon-->
    <link rel="apple-touch-icon" sizes="144x144" href="assets/touchicons/apple-touch-icon-144-precomposed" />
    <!-- Bootstrap CSS Files -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <!-- Custom Fonts Setup via Font-face CSS3 -->
    <link href="fonts/fonts.css" rel="stylesheet">
    <!-- CSS files for plugins -->
    <link href="stylesheets/hiding-nav.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="stylesheets/menu-transition.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="stylesheets/owl.carousel.css" rel="stylesheet">
    <link href="stylesheets/owl.theme.css" rel="stylesheet">
    <link href="stylesheets/jquery.bxslider.css" rel="stylesheet" />
    <link href="stylesheets/parallax-layers.css" rel="stylesheet">
    <link href="stylesheets/jquery.tweet.css" rel="stylesheet" type="text/css" media="screen" />

    <link href="stylesheets/pace.preloader.css" rel="stylesheet">
    <link href="stylesheets/slimmenu.css" rel="stylesheet"/>
    <!-- Main Template Styles -->
    <link href="stylesheets/main.css" rel="stylesheet">
    <!-- Main Template Responsive Styles -->
    <link href="stylesheets/main-responsive.css" rel="stylesheet">
    <!-- Main Template Retina Optimizaton Rules -->
    <link href="stylesheets/main-retina.css" rel="stylesheet">
    <!-- LESS stylesheet for managing color presets -->
    <link rel="stylesheet/less" type="text/css" href="less/color.less">
    <!-- LESS JS engine-->
    <script src="less/less-1.7.3.min.js"></script>

    <script src="javascripts/modernizr.custom.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="bootstrap/js/html5shiv.js"></script>
    <script src="bootstrap/js/respond.min.js"></script>
    <![endif]-->


</head>


<body class="post">
<section class="mast-wrap">
    <div class="mobile-nav hidden-lg">
        <ul class="slimmenu">

            <li>
                <a class="sub-collapser" href="/">HOME</a>
            </li>

            <li><a href="/single-project">SHOW CASE</a></li>

            <li class="trigger-sub-nav">
                <a class="main-nav-link" href="#">SERVICE</a>
                <div class="sub-nav">
                    <a href="/news-wall" >Analytics</a>
                    <a href="/news-post" >Creative</a>
                </div>
            </li>

            <li class="trigger-sub-nav">
                <a class="main-nav-link" href="agency-about">ABOUT US</a>
            </li>

            <li><a class="main-nav-link" href="/contact" >contact</a></li>

        </ul>
    </div>
    <div id="wrap">

        <header class="main-nav visible-lg">

            <div class="row">

                <article class="col-md-6 fullheight black-bg text-center">
                    <div class="valign">
                        <ul class="main-nav-menu main-nav-menu-effect">

                            <li class="trigger-sub-nav">
                                <a class="main-nav-link" href="#">HOME</a>
                            </li>

                            <li><a class="main-nav-link" href="/single-project">SHOW CASE</a></li>
                            <li class="trigger-sub-nav">
                                <a class="main-nav-link" href="#">SERVICE</a>
                                <div class="sub-nav">
                                    <a href="/news-wall" >Analytics</a>
                                    <a href="/news-post" >Creative</a>
                                </div>
                            </li>

                            <li class="trigger-sub-nav">
                                <a class="main-nav-link" href="agency-about">ABOUT US</a>
                            </li>

                            <li><a class="main-nav-link" href="/contact" >contact</a></li>

                        </ul>
                        <ul class="social-wrap">
                            <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                            <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>
                        </ul>
                    </div>
                </article>


                <article class="col-md-6 fullheight nav-bg text-center">
                    <div class="valign">
                    </div>
                </article>

            </div>


        </header>
        <!-- end header -->



        <section class="top-header visible-lg">

            <div class="row">
                <div class="row">
                    <div class="col-md-6"></div>
                    <div class="col-md-6"><img class="logo pull-right" src="images/logo.png " alt=""/></div>
                </div>
            </div>

            <div class="toggle-menu-wrap">

                <a id="toggle-menu" class="toggle-menu-hidden">
                    <div>
                        <span class="top"></span>
                        <span class="middle"></span>
                        <span class="bottom"></span>
                    </div>
                </a>

            </div>

            <div class="info-button">
                <a href="agency-credits.html"><img alt="" title="" src="images/info-button.png"/></a>
            </div>

        </section>



        <div id="content">

            <section class="about-container">

                <div class="row">

                    <article class="col-md-6 about-content about-bg text-right hidden-sm">

                    </article>
                    <article class="col-md-6 about-content silver-bg text-left">


                        <div class="row">
                            <article class="about-content-inner inner-pad col-md-12 white-bg text-left">
                                <h3 class="sub-heading">About Reflex</h3>
                                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nisl diam, laoreet quis eros ac, placerat tincidunt neque. Vivamus molestie, nisl eu accumsan elementum, libero neque aliquam nibh, in venenatis velit velit eget nunc. Aliquam non venenatis justo, vitae feugiat urna. Morbi et tempor purus, ac sodales mi. Nulla iaculis urna in tristique egestas. Maecenas quis ligula tempor, molestie felis in, dictum lacus. Aliquam erat volutpat. Nulla scelerisque placerat nunc, eget scelerisque tellus mattis eget. Vestibulum metus nunc, dapibus et ante at, vulputate ultrices massa. Sed luctus metus sed ultrices luctus. Donec erat risus, scelerisque quis dapibus viverra, luctus et ligula. Etiam dignissim quam sed leo gravida sagittis. </p>
                            </article>
                        </div>

                        <div class="row">
                            <article class="about-content-inner inner-pad col-md-12 color-bg text-center">

                                <div id="testimonial-carousel" class="testimonial-carousel owl-carousel">

                                    <div class="item testimonial-carousel-item testimonial-wrap about-text">
                                        <img alt="" title="" src="http://placehold.it/150x150.jpg"/>
                                        <p><span class="sub-heading black">Michael Kaltenhauser</span></p>
                                        <h6 class="dark">
                                            Michael Kaltenhauser arrived in Beijing 5 years ago to set up Astronaut. He had worked in central Europe and London, UK where he had a career with global advertising agencies such as McCann Erickson, BBDO, Wunderman and Young & Rubicam.
                                            His work has been published in several adverting books and magazines, and he's given awards like the Effie and the Art Directors Club Award. Further the American media, business and tech website Business Insider placed him amongst the world's most 30 creative heads in social media marketing.
                                            As well as his professional expertise across media platforms, Michael brings a passion for creativity and culture, allowing him to blend his expert knowledge of marketing in the west with a deep respect and understanding of markets in China and offering you the best of both worlds.
                                        </h6>
                                    </div>



                                </div>
                                <!-- carousel:ends -->

                            </article>
                        </div>
                    </article>
                </div>


            </section>
            <!-- about-container ends -->





            <!-- end : service-container -->





            <section class="team-container">

                <div class="row">

                    <article class="col-md-3 no-gutter team-thumb silver-bg text-center">
                        <img alt="" title="" class="img-responsive" src="images/team/bing.jpg"/>
                    </article>
                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-right"></div>
                        <div class="valign">
                            <h3 class="sub-heading dark">Bing</h3>
                            <h6><span>Deputy General Manager</span></h6>
                            <p>Rich experience in marketing and strategy.</p>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-left">
                        <img alt="" title="" class="img-responsive" src="images/team/sara.jpg"/>
                    </article>
                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-right"></div>
                        <div class="valign">
                            <h3 class="sub-heading dark">Sara Tian</h3>
                            <h6><span>Deputy General Manager-Operation</span></h6>
                            <p>More than 20 years marketing experience from overall planning to execution management, well known local practise with international communication. Over 10 years experience in management level as branch manager, VP for operation, and country manager, good at team building and agency leading.</p>
                        </div>
                    </article>
                </div>


                <div class="row">

                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-left"></div>
                        <div class="valign">
                            <h3 class="sub-heading dark">Guillaume</h3>
                            <h6><span>Product Director</span></h6>
                            <p>many years working experience in technology development,and good at explore system and management</p>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-center">
                        <img alt="" title="" class="img-responsive" src="images/team/masong.jpg"/>
                    </article>
                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-left"></div>
                        <div class="valign">
                            <h3 class="sub-heading dark">Penna Zhang</h3>
                            <h6><span>Associated Account Director</span></h6>
                            <p>Penna Zhang joined Astronaut in 2013 with work experience of over a decade, among which, 7 years in cultural and advertising agencies as Gehua and Shunya, 3 in internet and smart phone marketing at Telling Telecommunication. He has a keen observation on marketing based on his experience in digital agencies and internet companies.</p>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-left">
                        <img alt="" title="" class="img-responsive" src="images/team/peng.png"/>
                    </article>
                </div>
                <div class="row">

                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-left"></div>
                        <div class="valign">
                            <h3 class="sub-heading dark">Candy Zhang</h3>
                            <h6><span>Digital Operation Manager</span></h6>
                            <p>互联网从业经验五年，擅长新媒体营销，APP开发及B2B，B2C运营开发。互联网信息即时获取并能良好的把握，对内容运营有独到的见解。</p>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-center">
                        <img alt="" title="" class="img-responsive" src="images/team/candy.jpg"/>
                    </article>
                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-left"></div>
                        <div class="valign">
                            <h3 class="sub-heading dark">Lin Mingxiong</h3>
                            <h6><span>Head of IT Development</span></h6>
                            <p>6 years working experience in data analysis management and he has fair ability in user experience.</p>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-left">
                        <img alt="" title="" class="img-responsive" src="images/team/minxiong.jpg"/>
                    </article>
                </div>


                <div class="row">
                    <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
                        <h3 class="main-heading dark">Like to work with us?</h3>
                        <div class="trigger-button add-top-quarter">
                            <a href="#" class="btn btn-reflex btn-reflex-dark">Shoot an email today</a>
                        </div>
                    </article>
                </div>


            </section>
            <!-- team-container ends -->




        </div>
        <!-- end content -->




        <footer class="container master-footer">
            <div class="row">
                <article class="col-md-6  text-left white-bg" id="map">
                    <img src="images/map.png" alt=""/>
                </article>

                <article class="col-md-6 footer-column text-left white-bg">
                    <h3>联系我们</h3>
                    <ul class="foot-links">
                        <li><span>北京市东城区东直门北小街青龙胡同1号歌华大厦B座420室</span></li>
                        <li><span>Tel+86(0) 1084186659</span></li>
                        <li><span>Fax+86(0) 1084186659</span></li>
                    </ul><br>
                    <h3>社交媒体</h3>
                    <div class="contact-li">
                        <ul class="social-wrap">
                            <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                            <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>
                            <li><a href="#"><img alt="" title="" src="images/social/icon-menu-3.png"/></a></li>
                            <li><a href="#"><img alt="" title="" src="images/social/icon-menu-4.png"/></a></li>
                        </ul>
                    </div>
                </article>
            </div>
            <div class="row">
                <article class="col-md-12">
                    <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
                </article>
            </div>
        </footer>


    </div>
    <!-- end wrap -->

</section>
<!-- end mast-wrap -->






<!-- Core JS Libraries -->
<script src="bootstrap/js/jquery.js" type="text/javascript"></script>
<script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.js" ></script>
<!-- JS Plugins -->
<script src="javascripts/device.min.js"></script>
<script src="javascripts/modernizr.js" type="text/javascript"></script>
<script src="javascripts/retina.js" type="text/javascript"></script>
<script src="javascripts/responsive-nav.js" type="text/javascript"></script>
<script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
<script src="javascripts/owl.carousel.js" ></script>
<script src="javascripts/jquery.parallax-1.1.3.js" ></script>
<script src="javascripts/equalheights.js" ></script>
<script src="javascripts/jquery.bxslider.min.js"></script>
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/jquery.slimmenu.min.js"></script>
<!-- JS Custom Codes -->
<script src="javascripts/equalheights-init.js" ></script>
<script src="javascripts/hiding-nav.js"></script>
<script src="javascripts/carousel-init.js"></script>
<script src="javascripts/parallax-init.js"></script>
<script src="javascripts/services-init.js"></script>
<script src="javascripts/pace.min.js" ></script>
<script src="javascripts/main.js" ></script>
</body>
</html>